<template>
    <div class="flex items-center p-1 m-3 text-sm text-gray-600 rounded-sm bg-gray-50">
        <div class="shrink-0">我的圈子</div>
        <div class="mx-2 text-gray-500">|</div>
        <div class="flex items-center -space-x-3 grow">
            <div class="inline-block w-6 h-6 border rounded-full" v-for="(item, index) in 9">
                <LazyImage :src="g" />
            </div>
        </div>
        <div class="text-xs">9</div>
        <div>
            <IMingcute:rightFill class="text-xs" />
        </div>
    </div>
</template>
    
<script setup lang='ts'>
import g from '~/assets/icons/share/frient-circle.png'
</script>
    
<style></style>